<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>退货/售后</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="./css/after_sale_type.css">

    <script type="text/javascript" src="../../js/base.js"></script>
    <style>
        @media screen and (min-width:377px) and (max-width:415px){
            .aui-dialog-footer{  border-top: 1px solid #ddd;background-size:100% 0 }

        }
        @media screen and (min-width:416px) and (max-width:768px){
            .aui-dialog-footer{  border-top: 1px solid #ddd;background-size:100% 0 }
        }
    </style>

</head>
<body>
<!--<header class="aui-bar aui-bar-nav aui-bar-top">-->
    <!--<a class="aui-pull-left aui-btn goBack" >-->
        <!--<span class="aui-iconfont aui-icon-left"></span>-->
    <!--</a>-->
    <!--<div class="aui-title">退货/售后</div>-->
<!--</header>-->
<section id="app" v-cloak>
 <div v-if="navigator && navigator.onLine === true">
    <div class="successBg">
    <div>{{getAfterSaleType(afterSaleGoods.is_deal)}}</div>
    <div>{{getDate(afterSaleGoods.created_at+"000")}}</div>
</div>
    <div class="aui-flex-row aui-padded-t-5 aui-margin-b-5 " style="background: #fff;padding:0 0.5rem">
        <div class=" aui-padded-t-10   aui-padded-b-10 textCol"  >
            <div class="aui-pull-left " >售后原因</div>
            <div class="aui-pull-right ">{{afterSaleGoods.content}}</div>
        </div>
        <div style="clear: both"></div>
        <div style="border-bottom: 1px solid #eee;width:100%;"></div>
        <div class="aui-padded-t-10   aui-padded-b-10 textCol"  >
            <div class="aui-pull-left ">申请时间</div>
            <div class="aui-pull-right ">{{getDateDetail(afterSaleGoods.created_at+"000")}}</div>
        </div>
        <div style="clear: both"></div>
        <div style="border-bottom: 1px solid #eee;width:100%;"></div>
        <div class=" aui-padded-t-10   aui-padded-b-10 textCol"  >
            <div class="aui-pull-left ">售后编号</div>
            <div class="aui-pull-right ">{{afterSaleGoods.cservice_code}}</div>
        </div>
    </div>
    <div class="aui-flex-col aui-flex-item-12 " style="margin-top:5.25rem">
        <div class="aui-flex-item-4 aui-flex-offset-1"   @click="showTel('1')">
            <img src="../../icon/4-1/lxxp.png" alt="">
        </div>
        <div class="aui-flex-item-4 aui-flex-offset-2"   @click="showTel('2')">
            <img src="../../icon/4-1/tel.png" alt="">
        </div>
    </div>
</div>
    <div v-if="navigator && navigator.onLine === false" style="position:relative;" @click="goOnLine()">
        <div style="position:absolute;top:50%;left:50%;margin-top:8rem;margin-left: -3rem">
            <img src="../../icon/duanwang.png" alt="" style="width:6rem">
            <div class="aui-text-center">暂无网络</div>
        </div>

        <div  class="aui-text-center textCol" style="position:absolute;top:50%;left:50%;margin-top:15rem;margin-left: -86px">请连接网络后,点击刷新</div>
    </div>
</section>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<script type="text/javascript" src="../../js/aui-toast.js"></script>
<script type="text/javascript" src="../../js/aui-dialog.js"></script>
<script type="text/javascript" src="./js/after_sale_type.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../../js/weixin.js" ></script>

</body>
</html>